

<container>
  <row>
    <columns>
      <p>Offset columns should correctly align with the gutters of standard columns.</p>
    </columns>
  </row>
  <row>
    <columns large="1">
      <p>1 of 12</p>
    </columns>
    <columns large="11">
      <p>11 of 12</p>
    </columns>
  </row>
  <row>
    <columns large="1" class="large-offset-1">
      <p>Offset 1 of 12</p>
    </columns>
    <columns large="10">
      <p>10 of 12</p>
    </columns>
  </row>
  <row>
    <columns large="2">
      <p>2 of 12</p>
    </columns>
    <columns large="10">
      <p>10 of 12</p>
    </columns>
  </row>
  <row>
    <columns small="4" large="2" class="small-offset-4 large-offset-2">
      <p>Offset 2 of 12</p>
    </columns>
    <columns small="4" large="8">
      <p>9 of 12</p>
    </columns>
  </row>
</container>
